<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>一朵 - 会员权益</title>
  <!-- swiper-2.7css -->
    <link rel="stylesheet" href="__STATIC__/index/js/swiper/idangerous.swiper.css">
  <!-- swiper-2.7js -->
    <script src="__STATIC__/index/js/swiper/idangerous.swiper.min.js"></script>
  <!-- jquery-3.2.1引用 -->
    <script src="__STATIC__/index/js/global/jquery-3.2.1.min.js"></script>
  <!-- 阿里巴巴矢量图库 -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_561814_yjrug4qch00be29.css">
  <!-- 公共头部 脚部 -->
    <link rel="stylesheet" href="__STATIC__/index/css/global/global.css">
  <!-- 超过1200屏幕 -->
    <link rel="stylesheet" media="screen and (min-width: 1200px)" href="__STATIC__/index/css/pay_content/pay_content1200.css" />
  <!-- 1080-1200 -->
    <link rel="stylesheet" media="screen  and (min-width: 1080px) and (max-width: 1199px) " href="__STATIC__/index/css/pay_content/pay_content1080.css"
    />
  <!-- 960-1080 -->
    <link rel="stylesheet" media="screen  and (min-width: 960px) and (max-width: 1079px) " href="__STATIC__/index/css/pay_content/pay_content960.css"
    />
  <!-- 768-959 -->
    <link rel="stylesheet" media="screen  and (min-width: 768px) and (max-width: 959px) " href="__STATIC__/index/css/pay_content/pay_content768.css"
    />
  <!-- 568-767 -->
    <link rel="stylesheet" media="screen  and (min-width: 568px) and (max-width: 767px) " href="__STATIC__/index/css/pay_content/pay_content568.css"
    />
  <!-- 375-567 -->
    <link rel="stylesheet" media="screen  and (min-width: 375px) and (max-width: 567px) " href="__STATIC__/index/css/pay_content/pay_content375.css"
    />
  <!-- 小于375-->
    <link rel="stylesheet" media="screen  and (max-width: 374px) " href="__STATIC__/index/css/pay_content/pay_content320.css" />
</head>

<body>

    <div class="M">
        <div class="m-header">
            <div>
                <span onclick="go_back();">
                    <span class="iconfont icon-xiangzuo"></span>
                    返回
                </span>
                <span>会员权益</span>
                <span>
                    {if condition="!empty($realname)"}
                    <a href="{:url('User/index')}" class="my" >
                        {$realname}
                    </a>
                    {else /}
                    <a href="{:url('Login/loginin')}">登录</a>
                    <a href="{:url('Login/register')}">注册</a>
                    {/if}
                    <a href="{:url('MyCart/my_cart')}" class="car">
                        <span class="iconfont icon-gouwuche"></span>
                        <span>{$cart_num}</span>
                    </a>
                </span>
            </div>
        </div>
        <div class="m-card">
            <div>
                <p>
                    <img src="{$level_info.logo}"
                         alt="">
                    <span>{$level_info.title}</span>
                </p>
                <p>会员名：{$realname}</p>
            </div>
            <div>
                等级特权介绍
            </div>
        </div>
        {foreach name="list" item="v"}
            <div class="m-member">
                <div>
                    <div>
                        <p>
                            <span>
                                <img src="{$v.logo}"
                                     alt="">
                            </span>
                            <span>
                                {$v.title}
                            </span>
                        </p>
                        <p>
                            {$v.detail}
                        </p>
                        <a href="{:url('User/recharge')}">立即充值</a>
                    </div>
                    <div>
                    </div>
                </div>
            </div>
        {/foreach}
    </div>
    <!------------------------ PC ------------------------>

    <div class="PC">
        <!-- 公共头部 -->
        {include file="public/p_header" /}
        <!-- 公共头部结束 -->
        <div class="pc-content">
            <div class="PC_left">
                <div>
                    <img src="{if condition='empty($user.logo)'}__STATIC__/index/img/shanchu/touxiang.jpg{else /}{$user.logo}{/if}" alt="">
                </div>
            </div>
            <div class="PC_right">
                {include file="public/p_user_info" /}
            </div>
        </div>
        <div class="pc-headline">
            <p>充值中心</p>
        </div>
        <div class="pc-pay-content">
            {foreach name="list" item="v"}
                <div>
                    <div>
                        <img src="{$v.logo}" alt="" class="pc-zuanshi-img">
                    </div>
                    {if condition="$v.id neq 1"}
                        <p>充值{$v.score}</p>
                    {else /}
                        <p>注册尊享</p>
                    {/if}
                    <p>获得</p>
                    <div>
                        <p>{$v.title}</p>
                    </div>
                    <div>
                        <p>
                            {$v.detail}
                        </p>
                    </div>
                    <p>
                        <a href="{:url('User/recharge')}">立即充值</a>
                    </p>
                </div>
            {/foreach}
        </div>
        <!-- 公共脚部  -->
        {include file="public/p_footer" /}
        <!-- 公共脚部 结束 -->

    </div>
    <script>
        $(function () {
            $('.m-member').click(function () {
                $('.m-member').removeClass('m-zhong');
                $(this).addClass('m-zhong');
            });
            $('.M-pay').click(function () {
                $('.M-pay').removeClass('m-pay-zhong');
                $(this).addClass('m-pay-zhong');
            });
            $('.m-zidingyi').keydown(function () {
                $('.m-member').removeClass('m-zhong');
            });
        });
    </script>
    <script>
        /**
         * 返回上一页
         */
        function go_back(){
            window.history.back();  //返回上一页
        }
        /**
         * 完善会员信息
         */
        function edit_member_info(){
            window.location.href = "{:url('User/my_center')}";
        }
    </script>
</body>

</html>